<template>
	<div>
		<div class="information" id = "information" v-for="item in informationitems">
			<image src = "../../imgs/回复.png"/>
			<button>{{item.name}}</button>
			<p>{{item.content}}</p>
			<div style="clear: both;"></div>
		</div>
	</div>
</template>

<script>
	var informationitem = getApp().globalData.information;
	
	import {searchinformation} from "../../api/getinformation"
	//var informationitem = searchinformation();
	
	export default {
		name: 'ext',
		data() {
			return {
				informationitems : informationitem
			}
		},
		components: {
		},
		methods:{
			toPage(num){
				
			}
		}
	}
</script>

<style>
	image{
		width: 15vw;
		height: 15vw;
		margin-right: 15px;
		float: left;
	}
	button{
		font-size: 15px;
		padding: 0px;
		background-color: transparent;
		text-align: left;
	}
	button::after{
		border: none;
	}
	p{
		font-size: 5px;
		float: left;
	}
	.information{
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 15px;
		//background-color: gold;
	}
</style>